<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
         var  music=new  Audio();
        function   play1( ){
           
            music.src=" https://sz-sycdn.kuwo.cn/201156fa26d3e00945c39ec1f3cabd05/5dfb2a0f/resource/n1/68/38/37304574.mp3 ";
            music.play();
         }
         function  play2(){
             music.src="https://win-web-nf01-sycdn.kuwo.cn/b2baec83fa8f228f3025b4a8e6f6e285/5dfb2d03/resource/n1/62/92/2441824774.mp3 ";
             music.play();
        
         }
    
      </script>

</head>
<body>
    <ul>
        <li>港台</li>
        <ul>
            <li>刘德华</li>
          <ul>
              <li   onclick="play1( )"> <button>17岁</button>  </li>
              
              
              <li   onclick="play2(  )"><button>冰雨</button></li>
              <li><button>忘情水</button></li>
           </ul>
           <li>张学友</li>
            <li>周杰伦</li>
            <li>梁静茹</li>
         

      </ul>
         <li> 内地  </li>
        <li>  欧美   </li>
        <li> 日韩    </li>
  </ul>
    
</body>
</html>